<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="x-ua-compatible" content="ie=edge" />
    <title>家居网购~</title>
    <!-- 移动端适配 -->
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, shrink-to-fit=no"
    />
    <link rel="stylesheet" href="assets/css/vendor/vendor.min.css" />
    <link rel="stylesheet" href="assets/css/plugins/plugins.min.css" />
    <link rel="stylesheet" href="assets/css/style.min.css" />
  </head>

  <body>
    <!-- Header Area start  -->
    <div class="header section">
      <!-- Header Top  End -->
      <!-- Header Bottom  Start -->
      <div class="header-bottom d-none d-lg-block">
        <div class="container position-relative">
          <div class="row align-self-center">
            <!-- Header Logo Start -->
            <div class="col-auto align-self-center">
              <div class="header-logo">
                <a
                  href="index.html"
                  style="font-size: 24px; font-weight: bold; color: #333"
                  >家居网购</a
                >
              </div>
            </div>
            <!-- Header Logo End -->

            <!-- Header Action Start -->
            <div class="col align-self-center">
              <div class="header-actions">
                <div class="header_account_list">
                  <a
                    href="javascript:void(0)"
                    class="header-action-btn search-btn"
                    ><i class="icon-magnifier"></i
                  ></a>
                  <div class="dropdown_search">
                    <form class="action-form" action="#">
                      <input
                        class="form-control"
                        placeholder="Enter your search key"
                        type="text"
                      />
                      <button class="submit" type="submit">
                        <i class="icon-magnifier"></i>
                      </button>
                    </form>
                  </div>
                </div>
                <!-- Single Wedge Start -->
                <div class="header-bottom-set dropdown">
                  <a href="views/member/login.html">登录|注册</a>
                </div>
                <div class="header-bottom-set dropdown">
                  <a href="#">后台管理</a>
                </div>
                <!-- Single Wedge End -->
                <a
                  href="#offcanvas-cart"
                  class="header-action-btn header-action-btn-cart offcanvas-toggle pr-0"
                >
                  <i class="icon-handbag"> 购物车</i>
                  <span class="header-action-num">88</span>
                </a>
                <a
                  href="#offcanvas-mobile-menu"
                  class="header-action-btn header-action-btn-menu offcanvas-toggle d-lg-none"
                >
                  <i class="icon-menu"></i>
                </a>
              </div>
            </div>
            <!-- Header Action End -->
          </div>
        </div>
      </div>
      <!-- Header Bottom  End -->
      <!-- Header Bottom  Start 手机端的header -->
      <div class="header-bottom d-lg-none sticky-nav bg-white">
        <div class="container position-relative">
          <div class="row align-self-center">
            <!-- Header Logo Start -->
            <div class="col-auto align-self-center">
              <div class="header-logo">
                <a
                  href="index.html"
                  style="font-size: 24px; font-weight: bold; color: #333"
                  >家居网购</a
                >
              </div>
            </div>
            <!-- Header Logo End -->
          </div>
        </div>
      </div>
      <!-- Main Menu Start -->
      <div style="width: 100%; height: 50px; background-color: black"></div>
      <!-- Main Menu End -->
    </div>
    <br />
    <!-- Header Area End  -->

    <!-- OffCanvas Cart Start 弹出cart -->
    <!-- OffCanvas Cart End -->

    <!-- OffCanvas Menu Start 处理手机端 -->
    <!-- OffCanvas Menu End -->

    <!-- Product tab Area Start -->
    <div class="section product-tab-area">
      <div class="container">
        <div class="row">
          <div class="col">
            <div class="tab-content">
              <!-- 1st tab start -->
              <div
                class="tab-pane fade show active"
                id="tab-product-new-arrivals"
              >
                <div class="row">
                  <div
                    class="col-lg-3 col-md-6 col-sm-6 col-xs-6 mb-6"
                    data-aos="fade-up"
                    data-aos-delay="200"
                  >
                    <!-- Single Prodect -->
                    <div class="product">
                      <div class="thumb">
                        <a href="shop-left-sidebar.html" class="image">
                          <img
                            src="assets/images/product-image/6.jpg"
                            alt="Product"
                          />
                          <img
                            class="hover-image"
                            src="assets/images/product-image/5.jpg"
                            alt="Product"
                          />
                        </a>
                        <span class="badges">
                          <span class="new">New</span>
                        </span>
                        <div class="actions">
                          <a
                            href="#"
                            class="action wishlist"
                            data-link-action="quickview"
                            title="Quick view"
                            data-bs-toggle="modal"
                            data-bs-target="#exampleModal"
                            ><i class="icon-size-fullscreen"></i
                          ></a>
                        </div>
                        <button title="Add To Cart" class="add-to-cart">
                          Add To Cart
                        </button>
                      </div>
                      <div class="content">
                        <h5 class="title">
                          <a href="shop-left-sidebar.html">Simple 北欧小桌 </a>
                        </h5>
                        <span class="price">
                          <span class="new">家居:　北欧简约家具</span>
                        </span>
                        <span class="price">
                          <span class="new">厂商:　瑞典</span>
                        </span>
                        <span class="price">
                          <span class="new">价格:　￥2030.00</span>
                        </span>
                        <span class="price">
                          <span class="new">销量:　668</span>
                        </span>
                        <span class="price">
                          <span class="new">库存:　20</span>
                        </span>
                      </div>
                    </div>
                  </div>
                  <div
                    class="col-lg-3 col-md-6 col-sm-6 col-xs-6 mb-6"
                    data-aos="fade-up"
                    data-aos-delay="400"
                  >
                    <!-- Single Prodect -->
                    <div class="product">
                      <div class="thumb">
                        <a href="shop-left-sidebar.html" class="image">
                          <img
                            src="assets/images/product-image/4.jpg"
                            alt="Product"
                          />
                          <img
                            class="hover-image"
                            src="assets/images/product-image/3.jpg"
                            alt="Product"
                          />
                        </a>
                        <span class="badges">
                          <span class="sale">-10%</span>
                          <span class="new">New</span>
                        </span>
                        <div class="actions">
                          <a
                            href="#"
                            class="action wishlist"
                            data-link-action="quickview"
                            title="Quick view"
                            data-bs-toggle="modal"
                            data-bs-target="#exampleModal"
                            ><i class="icon-size-fullscreen"></i
                          ></a>
                        </div>
                        <button title="Add To Cart" class="add-to-cart">
                          Add To Cart
                        </button>
                      </div>
                      <div class="content">
                        <h5 class="title">
                          <a href="shop-left-sidebar.html">Simple 北欧椅子 </a>
                        </h5>
                        <span class="price">
                          <span class="new">家居:　北欧简约家具</span>
                        </span>
                        <span class="price">
                          <span class="new">厂商:　瑞典</span>
                        </span>
                        <span class="price">
                          <span class="new">价格:　￥2030.00</span>
                        </span>
                        <span class="price">
                          <span class="new">销量:　668</span>
                        </span>
                        <span class="price">
                          <span class="new">库存:　20</span>
                        </span>
                      </div>
                    </div>
                    <!-- Single Prodect -->
                  </div>
                  <div
                    class="col-lg-3 col-md-6 col-sm-6 col-xs-6 mb-es-30px"
                    data-aos="fade-up"
                    data-aos-delay="600"
                  >
                    <!-- Single Prodect -->
                    <div class="product">
                      <div class="thumb">
                        <a href="shop-left-sidebar.html" class="image">
                          <img
                            src="assets/images/product-image/14.jpg"
                            alt="Product"
                          />
                          <img
                            class="hover-image"
                            src="assets/images/product-image/13.jpg"
                            alt="Product"
                          />
                        </a>
                        <span class="badges"> </span>
                        <div class="actions">
                          <a
                            href="#"
                            class="action wishlist"
                            data-link-action="quickview"
                            title="Quick view"
                            data-bs-toggle="modal"
                            data-bs-target="#exampleModal"
                            ><i class="icon-size-fullscreen"></i
                          ></a>
                        </div>
                        <button title="Add To Cart" class="add-to-cart">
                          Add To Cart
                        </button>
                      </div>
                      <div class="content">
                        <h5 class="title">
                          <a href="shop-left-sidebar.html">Simple 北欧台灯 </a>
                        </h5>
                        <span class="price">
                          <span class="new">家居:　北欧简约家具</span>
                        </span>
                        <span class="price">
                          <span class="new">厂商:　瑞典</span>
                        </span>
                        <span class="price">
                          <span class="new">价格:　￥2030.00</span>
                        </span>
                        <span class="price">
                          <span class="new">销量:　668</span>
                        </span>
                        <span class="price">
                          <span class="new">库存:　20</span>
                        </span>
                      </div>
                    </div>
                  </div>
                  <div
                    class="col-lg-3 col-md-6 col-sm-6 col-xs-6"
                    data-aos="fade-up"
                    data-aos-delay="800"
                  >
                    <!-- Single Prodect -->
                    <div class="product">
                      <div class="thumb">
                        <a href="shop-left-sidebar.html" class="image">
                          <img
                            src="assets/images/product-image/16.jpg"
                            alt="Product"
                          />
                          <img
                            class="hover-image"
                            src="assets/images/product-image/15.jpg"
                            alt="Product"
                          />
                        </a>
                        <span class="badges">
                          <span class="new">New</span>
                        </span>
                        <div class="actions">
                          <a
                            href="#"
                            class="action wishlist"
                            data-link-action="quickview"
                            title="Quick view"
                            data-bs-toggle="modal"
                            data-bs-target="#exampleModal"
                            ><i class="icon-size-fullscreen"></i
                          ></a>
                        </div>
                        <button title="Add To Cart~" class="add-to-cart">
                          Add To Cart
                        </button>
                      </div>
                      <div class="content">
                        <h5 class="title">
                          <a href="shop-left-sidebar.html"
                            >Simple 北欧盆景架
                          </a>
                        </h5>
                        <span class="price">
                          <span class="new">家居:　北欧简约家具</span>
                        </span>
                        <span class="price">
                          <span class="new">厂商:　瑞典</span>
                        </span>
                        <span class="price">
                          <span class="new">价格:　￥2030.00</span>
                        </span>
                        <span class="price">
                          <span class="new">销量:　668</span>
                        </span>
                        <span class="price">
                          <span class="new">库存:　20</span>
                        </span>
                      </div>
                    </div>
                    <!-- Single Prodect -->
                  </div>
                </div>
              </div>
              <!-- 1st tab end -->
            </div>
          </div>
        </div>
      </div>
    </div>
    <!--  Pagination Area Start -->
    <div
      class="pro-pagination-style text-center mb-md-30px mb-lm-30px mt-6"
      data-aos="fade-up"
    >
      <ul>
        <li><a href="#">首页</a></li>
        <li><a href="#">上页</a></li>
        <li><a class="active" href="#">3</a></li>
        <li><a href="#">4</a></li>
        <li><a href="#">5</a></li>
        <li><a href="#">下页</a></li>
        <li><a href="#">末页</a></li>
        <li><a>共10页</a></li>
        <li><a>共90记录</a></li>
      </ul>
    </div>
    <!--  Pagination Area End -->
    <!-- Product tab Area End -->

    <!-- Banner Section Start -->
    <div class="section pb-100px pt-100px">
      <div class="container">
        <!-- Banners Start -->
        <div class="row">
          <!-- Banner Start -->
          <div
            class="col-lg-6 col-12 mb-md-30px mb-lm-30px"
            data-aos="fade-up"
            data-aos-delay="200"
          >
            <a href="shop-left-sidebar.html" class="banner">
              <img src="assets/images/banner/1.jpg" alt="" />
            </a>
          </div>
          <!-- Banner End -->

          <!-- Banner Start -->
          <div class="col-lg-6 col-12" data-aos="fade-up" data-aos-delay="400">
            <a href="shop-left-sidebar.html" class="banner">
              <img src="assets/images/banner/2.jpg" alt="" />
            </a>
          </div>
          <!-- Banner End -->
        </div>
        <!-- Banners End -->
      </div>
    </div>
    <!-- Banner Section End -->
    <!-- Footer Area Start -->
    <div class="footer-area">
      <div class="footer-container">
        <div class="footer-top">
          <div class="container">
            <div class="row">
              <!-- Start single blog -->
              <!-- End single blog -->
              <!-- Start single blog -->
              <div
                class="col-md-6 col-sm-6 col-lg-3 mb-md-30px mb-lm-30px"
                data-aos="fade-up"
                data-aos-delay="400"
              >
                <div class="single-wedge">
                  <h4 class="footer-herading">信息</h4>
                  <div class="footer-links">
                    <div class="footer-row">
                      <ul class="align-items-center">
                        <li class="li">
                          <a class="single-link" href="about.html">关于我们</a>
                        </li>
                        <li class="li">
                          <a class="single-link" href="#">交货信息</a>
                        </li>
                        <li class="li">
                          <a class="single-link" href="privacy-policy.html"
                            >隐私与政策</a
                          >
                        </li>
                        <li class="li">
                          <a class="single-link" href="#">条款和条件</a>
                        </li>
                        <li class="li">
                          <a class="single-link" href="#">制造</a>
                        </li>
                      </ul>
                    </div>
                  </div>
                </div>
              </div>
              <!-- End single blog -->
              <!-- Start single blog -->
              <div
                class="col-md-6 col-lg-2 col-sm-6 mb-lm-30px"
                data-aos="fade-up"
                data-aos-delay="600"
              >
                <div class="single-wedge">
                  <h4 class="footer-herading">我的账号</h4>
                  <div class="footer-links">
                    <div class="footer-row">
                      <ul class="align-items-center">
                        <li class="li">
                          <a class="single-link" href="my-account.html"
                            >我的账号</a
                          >
                        </li>
                        <li class="li">
                          <a class="single-link" href="cart.html">我的购物车</a>
                        </li>
                        <li class="li">
                          <a class="single-link" href="login.html">登录</a>
                        </li>
                        <li class="li">
                          <a class="single-link" href="wishlist.html"
                            >感兴趣的</a
                          >
                        </li>
                        <li class="li">
                          <a class="single-link" href="checkout.html">结账</a>
                        </li>
                      </ul>
                    </div>
                  </div>
                </div>
              </div>
              <!-- End single blog -->
              <!-- Start single blog -->
              <div
                class="col-md-6 col-lg-3"
                data-aos="fade-up"
                data-aos-delay="800"
              ></div>
              <!-- End single blog -->
            </div>
          </div>
        </div>
        <div class="footer-bottom">
          <div class="container">
            <div class="row flex-sm-row-reverse">
              <div class="col-md-6 text-right">
                <div class="payment-link">
                  <img src="#" alt="" />
                </div>
              </div>
              <div class="col-md-6 text-left"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- Footer Area End -->

    <!-- Modal 放大查看家居 -->
    <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <button
              type="button"
              class="close"
              data-bs-dismiss="modal"
              aria-label="Close"
            >
              <span aria-hidden="true">x</span>
            </button>
          </div>
          <div class="modal-body">
            <div class="row">
              <div class="col-md-5 col-sm-12 col-xs-12 mb-lm-30px mb-sm-30px">
                <!-- Swiper -->
                <div class="swiper-container gallery-top mb-4">
                  <div class="swiper-wrapper">
                    <div class="swiper-slide">
                      <img
                        class="img-responsive m-auto"
                        src="assets/images/product-image/1.jpg"
                        alt=""
                      />
                    </div>
                    <div class="swiper-slide">
                      <img
                        class="img-responsive m-auto"
                        src="assets/images/product-image/2.jpg"
                        alt=""
                      />
                    </div>
                    <div class="swiper-slide">
                      <img
                        class="img-responsive m-auto"
                        src="assets/images/product-image/3.jpg"
                        alt=""
                      />
                    </div>
                    <div class="swiper-slide">
                      <img
                        class="img-responsive m-auto"
                        src="assets/images/product-image/4.jpg"
                        alt=""
                      />
                    </div>
                    <div class="swiper-slide">
                      <img
                        class="img-responsive m-auto"
                        src="assets/images/product-image/5.jpg"
                        alt=""
                      />
                    </div>
                  </div>
                </div>
                <div
                  class="swiper-container gallery-thumbs slider-nav-style-1 small-nav"
                >
                  <div class="swiper-wrapper">
                    <div class="swiper-slide">
                      <img
                        class="img-responsive m-auto"
                        src="assets/images/product-image/1.jpg"
                        alt=""
                      />
                    </div>
                    <div class="swiper-slide">
                      <img
                        class="img-responsive m-auto"
                        src="assets/images/product-image/2.jpg"
                        alt=""
                      />
                    </div>
                    <div class="swiper-slide">
                      <img
                        class="img-responsive m-auto"
                        src="assets/images/product-image/3.jpg"
                        alt=""
                      />
                    </div>
                    <div class="swiper-slide">
                      <img
                        class="img-responsive m-auto"
                        src="assets/images/product-image/4.jpg"
                        alt=""
                      />
                    </div>
                    <div class="swiper-slide">
                      <img
                        class="img-responsive m-auto"
                        src="assets/images/product-image/5.jpg"
                        alt=""
                      />
                    </div>
                  </div>
                  <!-- Add Arrows -->
                  <div class="swiper-buttons">
                    <div class="swiper-button-next"></div>
                    <div class="swiper-button-prev"></div>
                  </div>
                </div>
              </div>
              <div class="col-md-7 col-sm-12 col-xs-12">
                <div class="product-details-content quickview-content">
                  <h2>Originals Kaval Windbr</h2>
                  <p class="reference">Reference:<span> demo_17</span></p>
                  <div class="pro-details-rating-wrap">
                    <div class="rating-product">
                      <i class="ion-android-star"></i>
                      <i class="ion-android-star"></i>
                      <i class="ion-android-star"></i>
                      <i class="ion-android-star"></i>
                      <i class="ion-android-star"></i>
                    </div>
                    <span class="read-review"
                      ><a class="reviews" href="#">Read reviews (1)</a></span
                    >
                  </div>
                  <div class="pricing-meta">
                    <ul>
                      <li class="old-price not-cut">$18.90</li>
                    </ul>
                  </div>
                  <p class="quickview-para">
                    Lorem ipsum dolor sit amet, consectetur adipisic elit eiusm
                    tempor incidid ut labore et dolore magna aliqua. Ut enim ad
                    minim venialo quis nostrud exercitation ullamco
                  </p>
                  <div class="pro-details-size-color">
                    <div class="pro-details-color-wrap">
                      <span>Color</span>
                      <div class="pro-details-color-content">
                        <ul>
                          <li class="blue"></li>
                          <li class="maroon active"></li>
                        </ul>
                      </div>
                    </div>
                  </div>
                  <div class="pro-details-quality">
                    <div class="cart-plus-minus">
                      <input
                        class="cart-plus-minus-box"
                        type="text"
                        name="qtybutton"
                        value="1"
                      />
                    </div>
                    <div class="pro-details-cart btn-hover">
                      <button
                        class="add-cart btn btn-primary btn-hover-primary ml-4"
                      >
                        Add To Cart
                      </button>
                    </div>
                  </div>
                  <div class="pro-details-wish-com">
                    <div class="pro-details-wishlist">
                      <a href="wishlist.html"
                        ><i class="ion-android-favorite-outline"></i>Add to
                        wishlist</a
                      >
                    </div>
                    <div class="pro-details-compare">
                      <a href="compare.html"
                        ><i class="ion-ios-shuffle-strong"></i>Add to compare</a
                      >
                    </div>
                  </div>
                  <div class="pro-details-social-info">
                    <span>Share</span>
                    <div class="social-info">
                      <ul>
                        <li>
                          <a href="#"><i class="ion-social-facebook"></i></a>
                        </li>
                        <li>
                          <a href="#"><i class="ion-social-twitter"></i></a>
                        </li>
                        <li>
                          <a href="#"><i class="ion-social-google"></i></a>
                        </li>
                        <li>
                          <a href="#"><i class="ion-social-instagram"></i></a>
                        </li>
                      </ul>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- Modal end -->

    <!-- Use the minified version files listed below for better performance and remove the files listed above -->
    <script src="assets/js/vendor/vendor.min.js"></script>
    <script src="assets/js/plugins/plugins.min.js"></script>
    <!-- Main Js -->
    <script src="assets/js/main.js"></script>
    <script>
      window.onload = function () {
        // 替换 logo
        var logos = document.querySelectorAll(".header-logo a");
        logos.forEach(function (logo) {
          if (logo) {
            logo.innerHTML = "家居网购";
            logo.href = "index.html"; // 确保链接正确
          }
        });

        // 查找并删除版权信息
        var footer = document.querySelector(".footer-bottom .text-left");
        if (footer && footer.textContent.includes("Copyright")) {
          footer.innerHTML = "";
        }
      };
    </script>
  </body>
</html>
